<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="css/6.1.css" />
	<title>图片库示例</title>
</head>
<body>
<h1>Snapshots：这个示例可用于电子书的在线浏览</h1>
<ul id = image_gallery>
	<li><a href="images/IMG_20120410_183943.jpg" class = "pic" title="A firewoks display">Fireworks</a></li>
	<li><a href="images/IMG_20120418_154212.jpg" class = "pic" title="A cup of black coffee">Coffee</a></li>
	<li><a href="images/IMG_20120528_140902.jpg" class = "pic" title="A red rose">Rose</a></li>
</ul>
<img id="placeholder" src="images/placeholder.gif" alt="my image gallery"/>
<p id="description">请选择图片</p>
//下面是调用JavaScript打开新窗口的伪协议示例
<a href="javascript:popUp('http://yanenglish.test/web');">伪协议调用JavaScript示例</a>
<script src="6.1.js"></script>
</body>
</html>